<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/mobile-header.jsp"%>
<html>
<head>
<title>${project.name }</title>
<meta name="decorator" content="default" />
<meta name="viewport"
	content="width=device-width initial-scale=1.0  maximum-scale=1.0">
	<link href="${ctxStatic}/jquery-mobile/css/common.css" type="text/css" rel="stylesheet" />
<link href="${ctxStatic}/jquery-mobile/css/jquery.mobile-1.3.1.min.css" type="text/css" rel="stylesheet" />
<script src="${ctxStatic}/jquery-mobile/jquery.mobile-1.3.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
	function goUrl(url){
		location.href=url;
	}
</script>

</head>
<body>
		
<div data-url="demo-page" data-role="page" id="demo-page" data-theme="d">

    <div data-role="header" data-theme="c" style="height:40px;">
        <h1>联系我们</h1>
        <a href="#left-panel" data-icon="bars" data-shadow="false" data-iconshadow="true" >导航栏</a>
    </div><!-- /header -->
    	
	<div data-role="content">
			 <div class="titlestyle">
						<strong>联系电话:</strong><span class="fr"
							style="color: #666; font-weight: normal; margin-right:20px"><a href="tel:${project.mobile }">${project.mobile }</a> </span>
		</div>
        <div class="titlestyle">
						<strong>联系地址:</strong><span class="fr"
							style="color: #666; font-weight: normal; margin-right:20px">${project.comAddress } </span>
		</div>
	</div>
        
    <div data-role="panel" id="left-panel" data-theme="c">
        <ul data-role="listview" data-theme="d">
            <li data-icon="delete"><a href="#" data-rel="close">关闭</a></li>
            <c:forEach items="${menus}" var="menu">
				<li data-icon="go"><a href="#" onclick="goUrl('${ctxMobileSite }/${project.id}?menuId=${menu.id}')">${menu.name}</a></li>
			</c:forEach>
        </ul>
    </div><!-- /panel -->
</div>

	<div class="footer">
		<jsp:include page="${ctxPage}/themes/${theme}/footer.jsp"></jsp:include>
	</div>

</body>
</html>
